<template>
  <div class="pad-out-box">
    <div>
      <el-table :border="true" :data="tableData">
        <el-table-column align="center" label="方案名称" prop="projectKey" />
        <el-table-column align="center" label="方案内容" prop="contractName" />
        <el-table-column align="center" label="付款截止时间" prop="remark">
          <template slot-scope="scope">
            <span>{{ scope.row.contractBeginDate | formatDateTime('YYYY-MM-DD') }}</span>
          </template>
        </el-table-column>
        <el-table-column align="center" label="出账日" prop="remark">
          <template slot-scope="scope">
          </template>
        </el-table-column>
        <el-table-column align="center" label="操作" prop="remark">
          <template slot-scope="scope">
            <el-button type="text" @click="goPage(scope.row,'first')">编辑</el-button>
          </template>
        </el-table-column>
      </el-table>
      <Pagination @change="pageChange" :total="total" />
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        tableData: [],
        total: 0,
        pageSize: 10,
        currentPage: 1,
      };
    },

    mounted() {
      this.getTableData();
    },

    methods: {
      importBill(){},
      downBill(){},
      addBill(){},
      //数据源
      async getTableData(type) {
        
      },
      //分页
      pageChange(e) {
        this.currentPage = e.currentPage;
        this.pageSize = e.pageSize;
        this.getTableData('more');
      },
    },
  };
</script>
<style scoped>
 
</style>
